<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dark and Sleek Web Design</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
  <!-- #masthead -->
  <div id="masthead">
    <h1><a href="#">Portfolio Web Design</a></h1>
    <ul>
      <li id="home"><a href="#">首　页</a></li>
      <li id="portfolio"><a href="#">产　品</a></li>
      <li id="services"><a href="#">服　务</a></li>
      <li id="contact"><a href="#">联系我们</a></li>
    </ul>
  </div>
  <!-- #featured-area -->
  <div id="featured-area">
    <div id="login-area">
      <div class="login">OnService 登录 </div>
      <div class="login">
		账号 <input type="text" id="name" name="name" class="txt" >
		密码 <input type="text" id="pass" name="pass" class="txt" >
      </div>
	  <div class="submit">
        <input type="submit" value="登　录" id="submit" name="submit" class="submit">
        &nbsp;&nbsp;
        <input type="reset" value="重　置" id="reset" name="reset" class="submit">
      </div>
    </div>
    <div id="preview">
      <img src="images/feature.png" width="405" height="160" alt="" />
    </div>
  </div>
  <!-- #main-content"  -->
  <div id="main-content">
    <div id="left-column">
      <h3 id="about-us">关于我们</h2>
      <p>“八荣八耻”是“社会主义荣辱观”的简称。社会主义荣辱观是中国共产党中央委员会总书记胡锦涛于2006年3月4日下午在第十届中国人民政治协商会议第四次会议的民盟、民进联组会上发表的“关于树立社会主义荣辱观”的讲话中提出的。提出“八荣八耻”的目的在于引导中国广大干部群众特别是青少年树立社会主义荣辱观。社会主义荣辱观被评为2006年春夏中国主流报纸十大流行语之一。</p>
      <p>“八荣八耻”的重要论述，涵盖爱国主义、集体主义、社会主义思想，体现了中华民族传统美德和时代要求，反映社会主义世界观、人生观、价值观，明确了当代中国最基本的价值取向和行为准则，是马克思主义道德观的精辟概括，是新时期社会主义道德的系统总结，是以人为本、全面协调可持续发展的科学发展观的重要组成部分，是新形势下社会主义思想道德建设的重要指导方针。</p>
    </div>
    <div id="right-column">
      <h2 id="featured-work"> </h2>
      
      <div class="featured">
        <div class="content">
          <img src="images/feature2.png" width="455" height="145" alt="" />
        </div>
      </div>
      <div class="featured">
        <div class="content">
          <img src="images/feature1.png" width="455" height="145" alt="" />
        </div>
      </div>
    </div>
  </div>
  </div>
</div>
<!-- #footer -->
<div id="footer">
  <p>&copy;2009-2010 Design by iCerHe. All Rights Reserved.</p>
</div>
</body>
</html>